<!DOCTYPE html>
<html lang="zh_CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Brzjomo's 面积工具</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
  </head>
  <body>
    <div class="container">
      <!-- 重命名相关 -->
      <div class="row rename-parent-box">
        <div class="col">
          <div class="row">
            <label for="text-prefix" class="text-rename-label">前缀</label>
            <input type="text" name="text-prefix" id="text-prefix" value="" />
          </div>
          <div class="row">
            <label for="text-rename" class="text-rename-label">重命名对象</label>
            <input type="text" name="text-rename" id="text-rename" value="1" />
          </div>
          <div class="row">
            <button class="btn-number" id="btn-num-minus">-1</button>
            <button class="btn-rename" id="btn-rename">重命名</button>
            <button class="btn-number" id="btn-num-plus">+1</button>
          </div>
        </div>
      </div>
      <!-- 排序按钮 -->
      <div class="row">
        <div>
          <button id="run-button-order">排序</button>
        </div>
      </div>
      <!-- 参数 -->
      <div class="row property-parent-box">
        <div class="col">
          <div class="property">宽幅</div>
          <div class="property">比例</div>
          <div class="property">精度</div>
        </div>
        <div class="col">
          <!-- 设置宽幅 -->
          <select id="material-width">
            <option value="1.5">1.5米</option>
            <option value="1.8" selected="selected">1.8米</option>
            <option value="2.0">2米</option>
          </select>
          <!-- 设置制图比例 -->
          <select id="drawing-scale">
            <option value="1">1:1</option>
            <option value="10" selected="selected">1:10</option>
            <option value="100">1:100</option>
          </select>
          <!-- 设置数据精度 -->
          <select id="data-accuracy">
            <option value="1">1位小数</option>
            <option value="2" selected="selected">2位小数</option>
            <option value="3">3位小数</option>
            <option value="4">4位小数</option>
          </select>
        </div>
      </div>
      <!-- 计算按钮 -->
      <div class="row">
        <div>
          <button id="run-button-calculateArea">计算面积</button>
        </div>
      </div>
      <!-- 额外选项 -->
      <div class="row extra-text-parent-box">
        <input type="checkbox" name="ifAutoIncrement" id="ifAutoIncrement" class="extraText"  checked />
        <label for="ifAutoIncrement">重命名自动递增</label>
        <input type="checkbox" name="extraText" id="extraText" class="extraText" />
        <label for="extraText">插入"余料补齐"</label>
        <input type="checkbox" name="ifOutputLengthOnly" id="ifOutputLengthOnly" class="extraText" />
        <label for="ifOutputLengthOnly">仅输出长度</label>
        <input type="checkbox" name="ifMergeSimilarLength" id="ifMergeSimilarLength" class="extraText" checked />
        <label for="ifMergeSimilarLength">合并近似长度</label>
        <input type="checkbox" name="ifInsertCreationTimeStamp" id="ifInsertCreationTimeStamp" class="extraText" checked />
        <label for="ifInsertCreationTimeStamp">插入创建时间戳</label>
        <input type="checkbox" name="isAlertResult" id="isAlertResult" class="extraText" />
        <label for="isAlertResult">提示运行结果</label>
      </div>
      <!-- 作者相关 -->
      <div class="row">
        <div class="author" id="homePage">- Coded by Brzjomo -</div>
        <div class="author">- Ver 1.0.18 -</div>
      </div>
    </div>
    <!-- JS文件 -->
    <script type="text/javascript" src="js/CSInterface.js"></script>
    <script type="text/javascript" src="js/Vulcan.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
  </body>
</html>
